<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="../tools/font_z1brgnm35/iconfont.css"/>
		<link rel="stylesheet" type="text/css" href="../css/continer.css"/>
		<link rel="stylesheet" type="text/css" href="../tools/font_sxvuq90ef5c/iconfont.css"/>
		<style type="text/css">
			.header {
				height: 40px;
				background: #333;
			}
			.header-c {
				width: 1226px;height: 40px;
				margin: 0 auto;
			}
			.header-l {
				float: left;
			}
			.header-l li,.header-r li {
				float: left;
				border-right: 1px solid #666;
				padding: 0 5px;
				font-size: 12px;
				color: #b0b1b6;
				margin-top: 13px;
			}
			.header-l .last,.header-r .last-1,.header-r .last-2 {
				border: none;
			}
			.header-r {
				float: right;
				height: 40px;
			}
			.header-r a, .header-l a {
				color: #b0b1b6;
			}
			.header-r .last-1 {
				margin-right: 26px;
			}
			.header-r .last-2 {
				height: 40px;width: 120px;
				line-height: 40px;
				margin: 0;
				text-align: center;
				background: #424242;
			}
			.category {
				width: 1226px;height: 98px;
				margin: 0 auto;
			}
			.category-l {
				float: left;
				margin-top: 21px;
			}
			.category-c {
				float: left;
				margin-left: 180px;
			}
			.category-c li {
				float: left;
				line-height: 98px;
				margin: 0 10px;
			}
			.category-r {
				width: 299px;height: 50px;
				float: right;
				margin-top: 24px;
			}
			.category-r-1 {
				float: left;
				width: 246px;height: 50px;
				border: 1px solid #ddd;
			}
			.category-r-1 p {
				float: right;
				background: #ddd;
				text-align: center;
				padding: 5px;
				margin-top: 9px;
				margin-right: 10px;
			}
			.category-r-2 {
				float: left;
				width: 50px;height: 34px;
				border: 1px solid #ddd;
				border-left: none;
				text-align: center;
				padding-top: 16px;
			}
			.nav {
				width: 1226px;height: 460px;
				margin: 0 auto;
			}
			.nav-l {
				width: 232px;height: 440px;
				background: #470d0c;
				padding-top: 20px;
				color: #fff;
				float: left;
			}
			.nav-l li {
				width: 206px;height: 44px;
				font-size: 12px;
				line-height: 44px;
				padding-left: 26px;
			}
			.nav-l li:hover {
				background: #fa6600;
			}
			.nav-l-photo {
				float: right;
				margin-top: 16px;
				margin-right: 24px;
			}
			.nav-r {
				float: left;
			}
			.nav-r img {
				width: 994px;height: 460px;
			}
			.nav-f {
				width: 1226px;height: 170px;
				margin: 14px auto 26px;
			}
			.nav-f-photo1 {
				width: 234px;height: 170px;
			}
			.nav-f-photo1,.nav-f-photo2 {
				float: left;
				margin-right: 14px;
			}
			.nav-f-photo2,.nav-f-photo3 {
				float: left;
			}
			.nav-f-photo1 li {
				width: 78px;height: 85px;
				float: left;
				text-align: center;
				font-size: 12px;
				background: #605750;
			}
			.nav-f-photo1 img {
				margin-top: 16px;
				margin-bottom: 5px;
			}
			.nav-f-photo1 a {
				color: #b0b1b6;
			}
			.flashsale {
				width: 1226px;height: 398px;
				margin: 0 auto;
			}
			.flashsale h2 {
				float: left;
				font-size: 22px;
				font-weight: 200;
				color: #333;
				line-height: 58px;
			}
			.flashsale-t {
				height: 58px;
			}
			.flashsale-r {
				float: right;
				margin-top: 24px;
			}
			.flashsale-c {
				height: 340px;
			}
			.flashsale-c li {
				width: 234px;height: 340px;
				float: left;
				text-align: center;
				background: #fafafa;
				font-size: 12px;
			}
			.flashsale-c .product2 {
				margin-left: 13px;
			}
			.flashsale-c .photo {
				margin-top: 50px;
			}
			.flashsale-c h3 {
				margin-top: 30px;
				margin-bottom: 8px;
			}
			.flashsale-c .p1 {
				color: #afaeac;
			}
			.flashsale-c .p2 {
				margin-top: 18px;
				color: #afaeac;
			}
			.banner {
				width: 1226px;height: 122px;
				margin: 42px auto;
			}
			.product {
				background: #f5f5f5;
			}
			.product-c {
				overflow: hidden;
				width: 1226px;
				margin: 0 auto;
				border: 1px solid red;
			}
			.phone-nav-title {
				height: 80px;width: 1226px;
				margin: 0 auto;
			}
			.phone-nav-title h6 {
				float: left;
				font-size: 21px;
				margin-top: 40px;
				font-weight: 200;
			}
			.phone-nav-title a {
				display: block;
				float: right;
				font-size: 16px;
				margin-top: 40px;
			}
			.phone-nav-title .more {
				float: right;
				width: 18px;height: 18px;
				background: url(./xiaomi-images/more.png) center center;
				margin-left: 8px;
				border-radius: 50%;
				padding-bottom: 1px;
			}
			.phone-nav-title>a:hover {
				color: darkorange;
			}
			.phone-nav-title>a:hover .more {
				background: darkorange;
			}
			.product-c .phone {
				height: 614px;
			}
			.product-c .aside {
				width: 236px;height: 614px;
				float: left;
			}
			.phone-content {
				width: 988px;height: 614;
				float: left;
			}
			.phone-content li {
				float: left;
				width: 234px;height: 302px;
				text-align: center;
				margin-left: 13px;
				background: #fff;
			}
			.phone-content .li-1 {
				margin-bottom: 10px;
			}
			.phone-content img {
				margin-top: 20px;
			}
			.phone-content .p1 {
				font-size: 12px;
				margin-top: 26px;
				margin-bottom: 8px;
			}
			.phone-content .p2 {
				font-size: 12px;
				color: #aeafa7;
				margin-bottom: 12px;
			}
			.phone-content .p3 {
				font-size: 12px;
			}
			.phone-content .span1 {
				color: #ff6200;
			}
			.phone-content .span2 {
				color: #aeafa7;
				text-decoration: line-through;
			}
			.exhibition {
				width: 1226px;
				height: 120px;
				margin-top: 42px;
			}
			.appliances-title {
				height: 80px;width: 1226px;
				margin: 0 auto;
			}
			.appliances-title h6 {
				float: left;
				font-size: 21px;
				margin-top: 40px;
				font-weight: 200;
			}
			.appliances-title-nav {
				overflow: hidden;
				float: right;
				margin-top: 40px;
			}
			.appliances-title-nav li {
				float: left;
				margin-left: 30px;
			}
			.appliances-title-nav a:hover {
				color: #ff6200;
			}
			.appliances-c {
				width: 1226px;height: 614px;
			}
			.appliances-c li {
				float: left;
				width: 234px;height: 302px;
				text-align: center;
				margin-left: 14px;
				background: #fff;
			}
			.appliances-c .li-1 {
				margin-bottom: 10px;
			}
			.appliances-c .li-2 {
				margin-left: 0;
			}
			.appliances-c .img1 {
				width: 234px;height: 302px;
			}
			.appliances-c .img2 {
				margin-top: 20px;
			}
			.appliances-c .p1 {
				font-size: 12px;
				margin-top: 26px;
				margin-bottom: 8px;
			}
			.appliances-c .p2 {
				font-size: 12px;
				color: #aeafa7;
				margin-bottom: 12px;
			}
			.appliances-c .p3 {
				font-size: 12px;
			}
			.appliances-c .span1 {
				color: #ff6200;
			}
			.appliances-c .span2 {
				color: #aeafa7;
				text-decoration: line-through;
			}
			.li-top {
				float: right;
				width: 234px;
				height: 103px;
				text-align: left;
				padding-top: 40px;
				background:#fff url(xiaomi-images/d5a39c5e-28e7-f4c1-57fd-59933f26032b!125x125.jpg) no-repeat 100px 16px;
			}
			.li-top .p4 {
				font-size: 12px;
				margin-left: 30px;
			}
			.li-top .p3 {
				margin-top: 12px;
				margin-left: 30px;
			}
			.li-bottom {
				float: right;
				width: 234px;
				margin-top: 15px;
				height: 91px;
				text-align: left;
				padding-top: 52px;
				background:#fff url(xiaomi-images/小米-恢复的_03.png) no-repeat 150px 48px;
			}
			.li-bottom .p3 {
				font-size: 18px;
				margin-left: 30px;
			}
			.li-bottom .p4 {
				font-size: 12px;
				margin-left: 30px;
			}
			.advice {
				width: 1226px;height: 380px;
				margin: 0 auto;
			}
			.advice h2 {
				float: left;
				font-size: 22px;
				font-weight: 200;
				color: #333;
				margin-top: 36px;
			}
			.advice-t {
				height: 80px;
			}
			.advice-r {
				float: right;
				margin-top: 36px;
			}
			.advice-c {
				height: 300px;
			}
			.advice-c li {
				width: 234px;height: 300px;
				float: left;
				text-align: center;
				background: #fafafa;
				font-size: 12px;
			}
			.advice-c .product2 {
				margin-left: 13px;
			}
			.advice-c .photo {
				margin-top: 25px;
			}
			.advice-c h3 {
				margin-top: 10px;
				margin-bottom: 8px;
			}
			.advice-c .p1 {
				color: #afaeac;
			}
			.advice-c .p2 {
				margin-top: 18px;
				color: #afaeac;
			}
			.hotcomment {
				width: 1226px;height: 496px;
			}
			.hotcomment-t h2 {
				float: left;
				font-size: 22px;
				font-weight: 200;
				color: #333;
				margin-top: 36px;
			}
			.hotcomment-t {
				height: 80px;
			}
			.hotcomment-c {
				height: 416px;
			}
			.hotcomment-c li {
				width: 296px;height: 416px;
				font-size: 12px;
				float: left;
				margin-right: 14px;
				background: #fff;
			}
			.hotcomment-c li:last-of-type {
				margin-right: 0;
			}
			.hotcomment-c .p1 {
				width: 232px;
				line-height: 24px;
				margin: 30px auto 28px;
			}
			.hotcomment-c a {
				margin-left: 28px;
				color: #b0b1c5;
			}
			.hotcomment-c .p2 {
				margin-left: 28px;
				margin-top: 14px;
			}
			.hotcomment-c span {
				color: orange;
			}
			.content {
				width: 1226px;height: 502px;
			}
			.content-t h2 {
				float: left;
				font-size: 22px;
				font-weight: 200;
				color: #333;
				margin-top: 36px;
			}
			.content-t {
				height: 80px;
			}
			.content-c {
				height: 422px;
			}
			.content-c li {
				width: 296px;height: 422px;
				font-size: 12px;
				float: left;
				margin-right: 14px;
				background: #fff;
				text-align: center;
				position: relative;
			}
			.content-c li:last-of-type {
				margin-right: 0;
			}
			.content-c .p1 {
				margin: 46px auto 18px;
				font-size: 16px;
				color: orange;
			}
			.content-c .p2 {
				font-size: 20px;
				margin-bottom: 8px;
			}
			.content-c .p3 {
				color: #ccc;
				line-height: 20px;
				width: 220px;
				margin: 0 auto;
			}
			.content-c .p4 {
				margin: 16px 0 26px;
			}
			.circle-1 {
				position: absolute;
				bottom: 24px;
				left: 50%;
				margin-left: -24px;
			}
			.circle-1 li {
				width: 6px;height: 6px;
				background: #666;
				border-radius: 50%;
			}
			.circle-1 li:hover {
				background: orange;
			}
			.video-t {
				height: 80px;width: 1226px;
			}
			.video-t h2 {
				float: left;
				font-size: 21px;
				margin-top: 40px;
				font-weight: 200;
			}
			.video-t a {
				display: block;
				float: right;
				font-size: 16px;
				margin-top: 40px;
			}
			.video-t .more {
				float: right;
				width: 18px;height: 18px;
				background: url(./xiaomi-images/more.png) center center;
				margin-left: 8px;
				border-radius: 50%;
				padding-bottom: 1px;
			}
			.video-t>a:hover {
				color: darkorange;
			}
			.video-t>a:hover .more {
				background: darkorange;
			}
			.video-c {
				height: 284px;
			}
			.video-c li {
				width: 296px;height: 284px;
				font-size: 12px;
				float: left;
				margin-right: 14px;
				background: #fff;
				text-align: center;
			}
			.video-c li:last-of-type {
				margin-right: 0;
			}
			.video-c .p1 {
				margin: 28px 0 8px;
				font-size: 14px;
			}
			.video-c .p2 {
				color: #ccc;
			}
			.footer-bg {
				background: #fff;
			}
			.footer {
				height: 272px;
				width: 1226px;
				margin: 0 auto;
			}
			.footer-t {
				height: 80px;
				border-bottom: 1px solid #ccc;
			}
			.footer-t li {
				float: left;
				width: 19%;
				margin-top: 24px;
				text-align: center;
				border-right: 1px solid #ccc;
			}
			.footer-t a {
				color: #5e5d65;
			}
			.footer-t li:last-of-type {
				border: none;
			}
			.footer-c {
				height: 154px;
				padding-top: 38px;
			}
			.footer-c-l {
				width: 974px;
				font-size: 12px;
			}
			.footer-c-l li {
				float: left;
				text-align: center;
				width: 162px;
			}
			.footer-c-l li:last-of-type {
				border-right: 1px solid #ccc;
			}
			.footer-c-l .p1 {
				margin-bottom: 26px;
			}
			.footer-c-l .p1>a {
				font-weight: bold;
			}
			.footer-c-l .p2 {
				line-height: 26px;
			}
			.footer-c-r {
				text-align: center;
			}
			.footer-c-r .p1 {
				font-size: 18px;
				color: orange;
				margin-bottom: 8px;
			}
			.footer-c-r .p2 {
				font-size: 12px;
			}
			.footer-c-r-bottom {
				width: 118px;height: 28px;
				border: 1px solid orange;
				float: right;
				margin-right: 66px;
				line-height: 28px;
				margin-top: 17px;
				color: orange;
			}
			.copy {
				background: #fafafa;
				font-size: 12px;
			}
			.copy-c {
				width: 1226px;
				height: 136px;
				margin: 0 auto;
				padding-top: 30px;
			}
			.copy-l {
				overflow: hidden;
			}
			.copy-l-logo {
				float: left;
				margin-right: 10px;
			}
			.copy-l-link {
				float: left;
				margin-top: 4px;
			}
			.copy-l-link {
				
			}
			.copy-l-link span {
				margin-right: 3px;
			}
			.copy-l-link p {
				color: #b2afaa;
				line-height: 16px;
			}
			nav li {
				float: left;
			}
			.copy-bottom {
				height: 78px;
				line-height: 76px;
				text-align: center;
				font-size: 18px;
				font-family: "楷体";
				color: #888;
			}
		</style>
	</head>
	<body>
		<div class="header">
			<div class="header-c">
				<div class="header-l">
					<ul>
						<li>
							<a href="">小米商城</a>
						</li>
						<li>
							<a href="">MIUI</a>
						</li>
						<li>
							<a href="">IoT</a>
						</li>
						<li>
							<a href="">云服务</a>
						</li>
						<li>
							<a href="">金融</a>
						</li>
						<li>
							<a href="">有品</a>
						</li>
						<li> 
							<a href="">小爱开放平台</a>
						</li>
						<li>
							<a href="">政企服务</a>
						</li>
						<li class="last">
							<a href="">Select Region</a>
						</li>
					</ul>
				</div>
				<div class="header-r">
					<ul>
						<li>
							<a href="javascript:;" name="login">登录</a>
						</li>
						<li>
							<a href="./reg.html">注册</a>
						</li>
						<li class="last-1">
							<a name="logout" href="javascript:;">退出登录</a>
						</li>
						<li class="last-2">
							<img src="xiaomi-images/car.png" >
							<a href="javascript:;" name="cart">购物车 ( 0 ) </a>
						</li>
					</ul>
				</div>
			</div>
		</div>
		<div class="category">
			<div class="category-l">
				<img src="xiaomi-images/logo.png" >
			</div>
			<div class="category-c">
				<ul>
					<li><a href="javascript:;" style="color: red;" name="goods">食品酒水</a></li>
					<li><a href="javascript:;" style="color: red;" name="goods">童装玩具</a></li>
					<li><a href="javascript:;" style="color: red;" name="goods">家装建材</a></li>
					<li><a href="javascript:;" style="color: red;" name="goods">奶粉尿裤</a></li>
					<li><a href="javascript:;" style="color: red;" name="goods">其他</a></li>
					<li>新品</li>
					<li>路由器</li>
					<li>智能硬件</li>
					<li>服务</li>
				</ul>
			</div>
			<div class="category-r">
				<div class="category-r-1">
					<p>618主会场</p>
					<p>小米8</p>
				</div>
				<div class="category-r-2">
					<img src="xiaomi-images/mirror.png" >
				</div>
			</div>
		</div>
		<div class="nav">
			<div class="nav-l">
				<ul>
					<li>
						手机 电话卡
						<img src="xiaomi-images/arrow.png" class="nav-l-photo">
					</li>
					<li> 
						电视 盒子
						<img src="xiaomi-images/arrow.png" class="nav-l-photo">
					</li>
					<li> 
						笔记本 平板
						<img src="xiaomi-images/arrow.png"class="nav-l-photo">
					</li>
					<li> 
						家电 插线板
						<img src="xiaomi-images/arrow.png" class="nav-l-photo">
					</li>
					<li>
						出行 穿戴
						<img src="xiaomi-images/arrow.png" class="nav-l-photo">
					</li>
					<li>
						智能 路由器
						<img src="xiaomi-images/arrow.png" class="nav-l-photo">
					</li>
					<li>
						电源 配件
						<img src="xiaomi-images/arrow.png" class="nav-l-photo">
					</li>
					<li>
						健康 儿童
						<img src="xiaomi-images/arrow.png" class="nav-l-photo">
					</li>
					<li>
						耳机 音响
						<img src="xiaomi-images/arrow.png" class="nav-l-photo">
					</li>
					<li>
						生活 箱包
						<img src="xiaomi-images/arrow.png" class="nav-l-photo">
					</li>
				</ul>
			</div>
			<div class="nav-r">
				<img src="xiaomi-images/banner3.jpg" >
			</div>
		</div>
		<div class="nav-f">
			<div class="nav-f-photo1">
				<ul>
					<li>
						<a href="">
							<img src="xiaomi-images/link1.png" >
							<p>选购手机</p>
						</a>
					</li>
					<li>
						<a href="">
							<img src="xiaomi-images/link2.png" >
							<p>企业团购</p>
						</a>
					</li>
					<li>
						<a href="">
							<img src="xiaomi-images/link3.png" >
							<p>F码通道</p>
						</a>
					</li>
					<li>
						<a href="">
							<img src="xiaomi-images/link4.png" >
							<p>米粉卡</p>
						</a>
					</li>
					<li>
						<a href="">
							<img src="xiaomi-images/link5.png" >
							<p>以旧换新</p>
						</a>
					</li>
					<li>
						<a href="">
							<img src="xiaomi-images/link6.png" >
							<p>话费充值</p>
						</a>
					</li>
				</ul>
			</div>
			<div class="nav-f-photo2">
				<img src="xiaomi-images/xbanner1.jpg" >
			</div>
			<div class="nav-f-photo2">
				<img src="xiaomi-images/xbanner2.jpg" >
			</div>
			<div class="nav-f-photo3">
				<img src="xiaomi-images/xbanner3.jpg" >
			</div>
		</div>
		<div class="flashsale">
			<div class="flashsale-t">
				<h2>小米闪购</h2>
				<div class="flashsale-r">
					<img src="xiaomi-images/arrow_lt.png" >
					<img src="xiaomi-images/arrow_rt.png" class="photo">
				</div>
			</div>
			<div class="flashsale-c">
				<ul>
					<li class="product1">
						<img src="xiaomi-images/countdown_03.png" >
					</li>
					<li class="product2">
						<img src="xiaomi-images/product1.jpg" class="photo">
						<h3>米家电动剃须刀 黑色</h3>
						<p class="p1">剃的干净 剃的快</p>
						<p class="p2">
							<span>179元</span>
							<span>199元</span>
						</p>
					</li>
					<li class="product2">
						<img src="xiaomi-images/product2.jpg" class="photo">
						<h3>米家电动剃须刀 黑色</h3>
						<p class="p1">剃的干净 剃的快</p>
						<p class="p2">
							<span>179元</span>
							<span>199元</span>
						</p>
					</li>
					<li class="product2">
						<img src="xiaomi-images/product3.jpg" class="photo">
						<h3>米家电动剃须刀 黑色</h3>
						<p class="p1">剃的干净 剃的快</p>
						<p class="p2">
							<span>179元</span>
							<span>199元</span>
						</p>
					</li>
					<li class="product2">
						<img src="xiaomi-images/product4.jpg" class="photo">
						<h3>米家电动剃须刀 黑色</h3>
						<p class="p1">剃的干净 剃的快</p>
						<p class="p2">
							<span>179元</span>
							<span>199元</span>
						</p>
					</li>
				</ul>
			</div>
		</div>
		<div class="banner">
			<img src="xiaomi-images/exhibition2.jpg" >
		</div>
		<div class="product">
			<div class="product-c">
				<div class="phone-nav-title">
					<h6>手机</h6>
					<a href="">
						查看更多
						<div class="more">
						</div>
					</a>
				</div>
				<div class="phone">
					<div class="aside">
						<img src="xiaomi-images/heisha.jpg" >
					</div>
					<div class="phone-content">
						<ul>
							<li class="li-1">
								<img src="xiaomi-images/list1.jpg" >
								<p class="p1">红米6A</p>
								<p class="p2">AI人脸解锁，小巧全面屏，高性能处...</p>
								<p class="p3">
									<span class="span1">599元</span>
									<span class="span2"></span>
								</p>
							</li>
							<li class="li-1">
								<img src="xiaomi-images/list2.jpg" >
								<p class="p1">小米8 6GB+64GB</p>
								<p class="p2">全球收款双拼GPS，骁龙845处理器</p>
								<p class="p3">
									<span class="span1">2699元</span>
									<span class="span2"></span>
								</p>
							</li>
							<li class="li-1">
								<img src="xiaomi-images/list3.jpg" >
								<p class="p1">小米8 SE 4GB+64GB</p>
								<p class="p2">AI 超感光双摄，三项AMOLED屏幕</p>
								<p class="p3">
									<span class="span1">1799元</span>
									<span class="span2"></span>
								</p>
							</li>
							<li class="li-1">
								<img src="xiaomi-images/list4.jpg" >
								<p class="p1">小米MIX 2S 8GB+256GB</p>
								<p class="p2">骁龙845 年度旗舰处理器，艺术品般...</p>
								<p class="p3">
									<span class="span1">3999元</span>
									<span class="span2"></span>
								</p>
							</li>
							<li>
								<img src="xiaomi-images/list5.jpg" >
								<p class="p1">小米6X 4GB+32GB</p>
								<p class="p2">全索尼相机，骁龙660 AIE处理器</p>
								<p class="p3">
									<span class="span1">1399元</span>
									<span class="span2">1499元</span>
								</p>
							</li>
							<li>
								<img src="xiaomi-images/list6.jpg" >
								<p class="p1">小米Max2 4GB+64GB</p>
								<p class="p2">6.44"大屏，5300mAh充电宝级的大...</p>
								<p class="p3">
									<span class="span1">1299元</span>
									<span class="span2">1699元</span>
								</p>
							</li>
							<li>
								<img src="xiaomi-images/list7.jpg" >
								<p class="p1">小米MIX 2 全陶瓷尊享版</p>
								<p class="p2">全面屏2.0 Unibody 全陶瓷</p>
								<p class="p3">
									<span class="span1">3499元</span>
									<span class="span2">4699元</span>
								</p>
							</li>
							<li>
								<img src="xiaomi-images/list8.jpg" >
								<p class="p1">红米S2 3GB+32GB</p>
								<p class="p2">前置1600万超大像素智能美拍</p>
								<p class="p3">
									<span class="span1">899元</span>
									<span class="span2">999元</span>
								</p>
							</li>
						</ul>
					</div>
				</div>
				<div class="exhibition">
					<img src="./xiaomi-images/exhibition2.jpg" >
				</div>
				<div class="appliances-title">
					<h6>家电</h6>
					<div class="appliances-title-nav">
						<ul>
							<li>
								<a href="">热门</a>
							</li>
							<li>
								<a href="">电视影音</a>
							</li>
							<li>
								<a href="">电脑</a>
							</li>
							<li>
								<a href="">家居</a>
							</li>
						</ul>
					</div>
				</div>
				<div class="appliances-c">
					<ul>
						<li class="li-1 li-2">
							<img src="xiaomi-images/116fc43816b87192be4e67cf762e8da5.webp" class="img1">
						</li>
						<li class="li-1">
							<img src="xiaomi-images/list1.jpg" class="img2">
							<p class="p1">红米6A</p>
							<p class="p2">AI人脸解锁，小巧全面屏，高性能处...</p>
							<p class="p3">
								<span class="span1">599元</span>
								<span class="span2"></span>
							</p>
						</li>
						<li class="li-1">
							<img src="xiaomi-images/list2.jpg" class="img2">
							<p class="p1">小米8 6GB+64GB</p>
							<p class="p2">全球收款双拼GPS，骁龙845处理器</p>
							<p class="p3">
								<span class="span1">2699元</span>
								<span class="span2"></span>
							</p>
						</li>
						<li class="li-1">
							<img src="xiaomi-images/list3.jpg" class="img2">
							<p class="p1">小米8 SE 4GB+64GB</p>
							<p class="p2">AI 超感光双摄，三项AMOLED屏幕</p>
							<p class="p3">
								<span class="span1">1799元</span>
								<span class="span2"></span>
							</p>
						</li>
						<li class="li-1">
							<img src="xiaomi-images/list4.jpg" class="img2">
							<p class="p1">小米MIX 2S 8GB+256GB</p>
							<p class="p2">骁龙845 年度旗舰处理器，艺术品般...</p>
							<p class="p3">
								<span class="span1">3999元</span>
								<span class="span2"></span>
							</p>
						</li>
						<li class="li-2">
							<img src="xiaomi-images/dfbdabe36b2d630d57a015e6fb5eb3ea.webp" class="img1">
						</li>
						<li>
							<img src="xiaomi-images/list5.jpg" class="img2">
							<p class="p1">小米6X 4GB+32GB</p>
							<p class="p2">全索尼相机，骁龙660 AIE处理器</p>
							<p class="p3">
								<span class="span1">1399元</span>
								<span class="span2">1499元</span>
							</p>
						</li>
						<li>
							<img src="xiaomi-images/list6.jpg" class="img2">
							<p class="p1">小米Max2 4GB+64GB</p>
							<p class="p2">6.44"大屏，5300mAh充电宝级的大...</p>
							<p class="p3">
								<span class="span1">1299元</span>
								<span class="span2">1699元</span>
							</p>
						</li>
						<li>
							<img src="xiaomi-images/list7.jpg" class="img2">
							<p class="p1">小米MIX 2 全陶瓷尊享版</p>
							<p class="p2">全面屏2.0 Unibody 全陶瓷</p>
							<p class="p3">
								<span class="span1">3499元</span>
								<span class="span2">4699元</span>
							</p>
						</li>
						<div class="li-top">
							<p class="p4">小米净水器...</p>
							<p class="p3">1999元</p>
						</div>
						<div class="li-bottom">
							<p class="p3">浏览更多</p>
							<p class="p4">热门</p>
						</div>
					</ul>
				</div>
				<div class="exhibition">
					<img src="xiaomi-images/exhibition1%20.jpg" >
				</div>
				<div class="appliances-title">
					<h6>智能</h6>
					<div class="appliances-title-nav">
						<ul>
							<li>
								<a href="">热门</a>
							</li>
							<li>
								<a href="">出行</a>
							</li>
							<li>
								<a href="">健康</a>
							</li>
							<li>
								<a href="">酷玩</a>
							</li>
							<li>
								<a href="">路由器</a>
							</li>
						</ul>
					</div>
				</div>
				<div class="appliances-c">
					<ul>
						<li class="li-1 li-2">
							<img src="xiaomi-images/116fc43816b87192be4e67cf762e8da5.webp" class="img1">
						</li>
						<li class="li-1">
							<img src="xiaomi-images/list1.jpg" class="img2">
							<p class="p1">红米6A</p>
							<p class="p2">AI人脸解锁，小巧全面屏，高性能处...</p>
							<p class="p3">
								<span class="span1">599元</span>
								<span class="span2"></span>
							</p>
						</li>
						<li class="li-1">
							<img src="xiaomi-images/list2.jpg" class="img2">
							<p class="p1">小米8 6GB+64GB</p>
							<p class="p2">全球收款双拼GPS，骁龙845处理器</p>
							<p class="p3">
								<span class="span1">2699元</span>
								<span class="span2"></span>
							</p>
						</li>
						<li class="li-1">
							<img src="xiaomi-images/list3.jpg" class="img2">
							<p class="p1">小米8 SE 4GB+64GB</p>
							<p class="p2">AI 超感光双摄，三项AMOLED屏幕</p>
							<p class="p3">
								<span class="span1">1799元</span>
								<span class="span2"></span>
							</p>
						</li>
						<li class="li-1">
							<img src="xiaomi-images/list4.jpg" class="img2">
							<p class="p1">小米MIX 2S 8GB+256GB</p>
							<p class="p2">骁龙845 年度旗舰处理器，艺术品般...</p>
							<p class="p3">
								<span class="span1">3999元</span>
								<span class="span2"></span>
							</p>
						</li>
						<li class="li-2">
							<img src="xiaomi-images/dfbdabe36b2d630d57a015e6fb5eb3ea.webp" class="img1">
						</li>
						<li>
							<img src="xiaomi-images/list5.jpg" class="img2">
							<p class="p1">小米6X 4GB+32GB</p>
							<p class="p2">全索尼相机，骁龙660 AIE处理器</p>
							<p class="p3">
								<span class="span1">1399元</span>
								<span class="span2">1499元</span>
							</p>
						</li>
						<li>
							<img src="xiaomi-images/list6.jpg" class="img2">
							<p class="p1">小米Max2 4GB+64GB</p>
							<p class="p2">6.44"大屏，5300mAh充电宝级的大...</p>
							<p class="p3">
								<span class="span1">1299元</span>
								<span class="span2">1699元</span>
							</p>
						</li>
						<li>
							<img src="xiaomi-images/list7.jpg" class="img2">
							<p class="p1">小米MIX 2 全陶瓷尊享版</p>
							<p class="p2">全面屏2.0 Unibody 全陶瓷</p>
							<p class="p3">
								<span class="span1">3499元</span>
								<span class="span2">4699元</span>
							</p>
						</li>
						<div class="li-top">
							<p class="p4">小米净水器...</p>
							<p class="p3">1999元</p>
						</div>
						<div class="li-bottom">
							<p class="p3">浏览更多</p>
							<p class="p4">热门</p>
						</div>
					</ul>
				</div>
				<div class="exhibition">
					<img src="./xiaomi-images/exhibition2.jpg" >
				</div>
				<div class="appliances-title">
					<h6>搭配</h6>
					<div class="appliances-title-nav">
						<ul>
							<li>
								<a href="">热门</a>
							</li>
							<li>
								<a href="">耳机音箱</a>
							</li>
							<li>
								<a href="">电源</a>
							</li>
							<li>
								<a href="">电池储存卡</a>
							</li>
						</ul>
					</div>
				</div>
				<div class="appliances-c">
					<ul>
						<li class="li-1 li-2">
							<img src="xiaomi-images/116fc43816b87192be4e67cf762e8da5.webp" class="img1">
						</li>
						<li class="li-1">
							<img src="xiaomi-images/list1.jpg" class="img2">
							<p class="p1">红米6A</p>
							<p class="p2">AI人脸解锁，小巧全面屏，高性能处...</p>
							<p class="p3">
								<span class="span1">599元</span>
								<span class="span2"></span>
							</p>
						</li>
						<li class="li-1">
							<img src="xiaomi-images/list2.jpg" class="img2">
							<p class="p1">小米8 6GB+64GB</p>
							<p class="p2">全球收款双拼GPS，骁龙845处理器</p>
							<p class="p3">
								<span class="span1">2699元</span>
								<span class="span2"></span>
							</p>
						</li>
						<li class="li-1">
							<img src="xiaomi-images/list3.jpg" class="img2">
							<p class="p1">小米8 SE 4GB+64GB</p>
							<p class="p2">AI 超感光双摄，三项AMOLED屏幕</p>
							<p class="p3">
								<span class="span1">1799元</span>
								<span class="span2"></span>
							</p>
						</li>
						<li class="li-1">
							<img src="xiaomi-images/list4.jpg" class="img2">
							<p class="p1">小米MIX 2S 8GB+256GB</p>
							<p class="p2">骁龙845 年度旗舰处理器，艺术品般...</p>
							<p class="p3">
								<span class="span1">3999元</span>
								<span class="span2"></span>
							</p>
						</li>
						<li class="li-2">
							<img src="xiaomi-images/dfbdabe36b2d630d57a015e6fb5eb3ea.webp" class="img1">
						</li>
						<li>
							<img src="xiaomi-images/list5.jpg" class="img2">
							<p class="p1">小米6X 4GB+32GB</p>
							<p class="p2">全索尼相机，骁龙660 AIE处理器</p>
							<p class="p3">
								<span class="span1">1399元</span>
								<span class="span2">1499元</span>
							</p>
						</li>
						<li>
							<img src="xiaomi-images/list6.jpg" class="img2">
							<p class="p1">小米Max2 4GB+64GB</p>
							<p class="p2">6.44"大屏，5300mAh充电宝级的大...</p>
							<p class="p3">
								<span class="span1">1299元</span>
								<span class="span2">1699元</span>
							</p>
						</li>
						<li>
							<img src="xiaomi-images/list7.jpg" class="img2">
							<p class="p1">小米MIX 2 全陶瓷尊享版</p>
							<p class="p2">全面屏2.0 Unibody 全陶瓷</p>
							<p class="p3">
								<span class="span1">3499元</span>
								<span class="span2">4699元</span>
							</p>
						</li>
						<div class="li-top">
							<p class="p4">小米净水器...</p>
							<p class="p3">1999元</p>
						</div>
						<div class="li-bottom">
							<p class="p3">浏览更多</p>
							<p class="p4">热门</p>
						</div>
					</ul>
				</div>
				<div class="exhibition">
					<img src="xiaomi-images/exhibition1%20.jpg" >
				</div>
				<div class="appliances-title">
					<h6>配件</h6>
					<div class="appliances-title-nav">
						<ul>
							<li>
								<a href="">热门</a>
							</li>
							<li>
								<a href="">保护套</a>
							</li>
							<li>
								<a href="">贴膜</a>
							</li>
							<li>
								<a href="">其他配件</a>
							</li>
						</ul>
					</div>
				</div>
				<div class="appliances-c">
					<ul>
						<li class="li-1 li-2">
							<img src="xiaomi-images/116fc43816b87192be4e67cf762e8da5.webp" class="img1">
						</li>
						<li class="li-1">
							<img src="xiaomi-images/list1.jpg" class="img2">
							<p class="p1">红米6A</p>
							<p class="p2">AI人脸解锁，小巧全面屏，高性能处...</p>
							<p class="p3">
								<span class="span1">599元</span>
								<span class="span2"></span>
							</p>
						</li>
						<li class="li-1">
							<img src="xiaomi-images/list2.jpg" class="img2">
							<p class="p1">小米8 6GB+64GB</p>
							<p class="p2">全球收款双拼GPS，骁龙845处理器</p>
							<p class="p3">
								<span class="span1">2699元</span>
								<span class="span2"></span>
							</p>
						</li>
						<li class="li-1">
							<img src="xiaomi-images/list3.jpg" class="img2">
							<p class="p1">小米8 SE 4GB+64GB</p>
							<p class="p2">AI 超感光双摄，三项AMOLED屏幕</p>
							<p class="p3">
								<span class="span1">1799元</span>
								<span class="span2"></span>
							</p>
						</li>
						<li class="li-1">
							<img src="xiaomi-images/list4.jpg" class="img2">
							<p class="p1">小米MIX 2S 8GB+256GB</p>
							<p class="p2">骁龙845 年度旗舰处理器，艺术品般...</p>
							<p class="p3">
								<span class="span1">3999元</span>
								<span class="span2"></span>
							</p>
						</li>
						<li class="li-2">
							<img src="xiaomi-images/dfbdabe36b2d630d57a015e6fb5eb3ea.webp" class="img1">
						</li>
						<li>
							<img src="xiaomi-images/list5.jpg" class="img2">
							<p class="p1">小米6X 4GB+32GB</p>
							<p class="p2">全索尼相机，骁龙660 AIE处理器</p>
							<p class="p3">
								<span class="span1">1399元</span>
								<span class="span2">1499元</span>
							</p>
						</li>
						<li>
							<img src="xiaomi-images/list6.jpg" class="img2">
							<p class="p1">小米Max2 4GB+64GB</p>
							<p class="p2">6.44"大屏，5300mAh充电宝级的大...</p>
							<p class="p3">
								<span class="span1">1299元</span>
								<span class="span2">1699元</span>
							</p>
						</li>
						<li>
							<img src="xiaomi-images/list7.jpg" class="img2">
							<p class="p1">小米MIX 2 全陶瓷尊享版</p>
							<p class="p2">全面屏2.0 Unibody 全陶瓷</p>
							<p class="p3">
								<span class="span1">3499元</span>
								<span class="span2">4699元</span>
							</p>
						</li>
						<div class="li-top">
							<p class="p4">小米净水器...</p>
							<p class="p3">1999元</p>
						</div>
						<div class="li-bottom">
							<p class="p3">浏览更多</p>
							<p class="p4">热门</p>
						</div>
					</ul>
				</div>
				<div class="exhibition">
					<img src="xiaomi-images/exhibition2.jpg" >
				</div>
				<div class="appliances-title">
					<h6>周边</h6>
					<div class="appliances-title-nav">
						<ul>
							<li>
								<a href="">热门</a>
							</li>
							<li>
								<a href="">出行</a>
							</li>
							<li>
								<a href="">居家</a>
							</li>
							<li>
								<a href="">生活周边</a>
							</li>
							<li>
								<a href="">箱包</a>
							</li>
						</ul>
					</div>
				</div>
				<div class="appliances-c">
					<ul>
						<li class="li-1 li-2">
							<img src="xiaomi-images/116fc43816b87192be4e67cf762e8da5.webp" class="img1">
						</li>
						<li class="li-1">
							<img src="xiaomi-images/list1.jpg" class="img2">
							<p class="p1">红米6A</p>
							<p class="p2">AI人脸解锁，小巧全面屏，高性能处...</p>
							<p class="p3">
								<span class="span1">599元</span>
								<span class="span2"></span>
							</p>
						</li>
						<li class="li-1">
							<img src="xiaomi-images/list2.jpg" class="img2">
							<p class="p1">小米8 6GB+64GB</p>
							<p class="p2">全球收款双拼GPS，骁龙845处理器</p>
							<p class="p3">
								<span class="span1">2699元</span>
								<span class="span2"></span>
							</p>
						</li>
						<li class="li-1">
							<img src="xiaomi-images/list3.jpg" class="img2">
							<p class="p1">小米8 SE 4GB+64GB</p>
							<p class="p2">AI 超感光双摄，三项AMOLED屏幕</p>
							<p class="p3">
								<span class="span1">1799元</span>
								<span class="span2"></span>
							</p>
						</li>
						<li class="li-1">
							<img src="xiaomi-images/list4.jpg" class="img2">
							<p class="p1">小米MIX 2S 8GB+256GB</p>
							<p class="p2">骁龙845 年度旗舰处理器，艺术品般...</p>
							<p class="p3">
								<span class="span1">3999元</span>
								<span class="span2"></span>
							</p>
						</li>
						<li class="li-2">
							<img src="xiaomi-images/dfbdabe36b2d630d57a015e6fb5eb3ea.webp" class="img1">
						</li>
						<li>
							<img src="xiaomi-images/list5.jpg" class="img2">
							<p class="p1">小米6X 4GB+32GB</p>
							<p class="p2">全索尼相机，骁龙660 AIE处理器</p>
							<p class="p3">
								<span class="span1">1399元</span>
								<span class="span2">1499元</span>
							</p>
						</li>
						<li>
							<img src="xiaomi-images/list6.jpg" class="img2">
							<p class="p1">小米Max2 4GB+64GB</p>
							<p class="p2">6.44"大屏，5300mAh充电宝级的大...</p>
							<p class="p3">
								<span class="span1">1299元</span>
								<span class="span2">1699元</span>
							</p>
						</li>
						<li>
							<img src="xiaomi-images/list7.jpg" class="img2">
							<p class="p1">小米MIX 2 全陶瓷尊享版</p>
							<p class="p2">全面屏2.0 Unibody 全陶瓷</p>
							<p class="p3">
								<span class="span1">3499元</span>
								<span class="span2">4699元</span>
							</p>
						</li>
						<div class="li-top">
							<p class="p4">小米净水器...</p>
							<p class="p3">1999元</p>
						</div>
						<div class="li-bottom">
							<p class="p3">浏览更多</p>
							<p class="p4">热门</p>
						</div>
					</ul>
				</div>
				<div class="advice">
					<div class="advice-t">
						<h2>为您推荐</h2>
						<div class="advice-r">
							<img src="xiaomi-images/arrow_lt.png" >
							<img src="xiaomi-images/arrow_rt.png" class="photo">
						</div>
					</div>
					<div class="advice-c">
						<ul>
							<li class="product1">
								<img src="xiaomi-images/product1.jpg" class="photo">
								<h3>米家电动剃须刀 黑色</h3>
								<p class="p1">剃的干净 剃的快</p>
								<p class="p2">
									<span>179元</span>
									<span>199元</span>
								</p>
							</li>
							<li class="product2">
								<img src="xiaomi-images/product1.jpg" class="photo">
								<h3>米家电动剃须刀 黑色</h3>
								<p class="p1">剃的干净 剃的快</p>
								<p class="p2">
									<span>179元</span>
									<span>199元</span>
								</p>
							</li>
							<li class="product2">
								<img src="xiaomi-images/product2.jpg" class="photo">
								<h3>米家电动剃须刀 黑色</h3>
								<p class="p1">剃的干净 剃的快</p>
								<p class="p2">
									<span>179元</span>
									<span>199元</span>
								</p>
							</li>
							<li class="product2">
								<img src="xiaomi-images/product3.jpg" class="photo">
								<h3>米家电动剃须刀 黑色</h3>
								<p class="p1">剃的干净 剃的快</p>
								<p class="p2">
									<span>179元</span>
									<span>199元</span>
								</p>
							</li>
							<li class="product2">
								<img src="xiaomi-images/product4.jpg" class="photo">
								<h3>米家电动剃须刀 黑色</h3>
								<p class="p1">剃的干净 剃的快</p>
								<p class="p2">
									<span>179元</span>
									<span>199元</span>
								</p>
							</li>
						</ul>
					</div>
				</div>
				<div class="hotcomment">
					<div class="hotcomment-t">
						<h2>热评产品</h2>
					</div>
					<div class="hotcomment-c">
						<ul>
							<li>
								<img src="xiaomi-images/小米_03.png" >
								<p class="p1">很小巧 像不喜欢带活塞的人可以试试这种~很舒服包装还是一如既往的简洁要是有盒子就好了</p>
								<a href="">来自 鹤唳 的评价</a>
								<p class="p2">小米胶囊耳机 | <span>69元</span></p>
							</li>
							<li>
								<img src="xiaomi-images/小米_03.png" >
								<p class="p1">很小巧 像不喜欢带活塞的人可以试试这种~很舒服包装还是一如既往的简洁要是有盒子就好了</p>
								<a href="">来自 鹤唳 的评价</a>
								<p class="p2">小米胶囊耳机 | <span>69元</span></p>
							</li>
							<li>
								<img src="xiaomi-images/小米_03.png" >
								<p class="p1">很小巧 像不喜欢带活塞的人可以试试这种~很舒服包装还是一如既往的简洁要是有盒子就好了</p>
								<a href="">来自 鹤唳 的评价</a>
								<p class="p2">小米胶囊耳机 | <span>69元</span></p>
							</li>
							<li>
								<img src="xiaomi-images/小米_03.png" >
								<p class="p1">很小巧 像不喜欢带活塞的人可以试试这种~很舒服包装还是一如既往的简洁要是有盒子就好了</p>
								<a href="">来自 鹤唳 的评价</a>
								<p class="p2">小米胶囊耳机 | <span>69元</span></p>
							</li>
						</ul>
					</div>
				</div>
				<div class="content">
					<div class="content-t">
						<h2>内容</h2>
					</div>
					<div class="content-c">
						<ul>
							<li>
								<p class="p1">图书</p>
								<p class="p2">哈利·波特与被诅咒的孩子</p>
								<p class="p3">“哈利·波特”第八个故事中文版重磅来袭！特别彩排版剧本！</p>
								<p class="p4">29.37元</p>
								<img src="xiaomi-images/小米_04_03.png" >
								<div class="circle-1">
									<ul>
										<li></li>
										<li></li>
										<li></li>
									</ul>
								</div>
							</li>
							<li>
								<p class="p1">图书</p>
								<p class="p2">哈利·波特与被诅咒的孩子</p>
								<p class="p3">“哈利·波特”第八个故事中文版重磅来袭！特别彩排版剧本！</p>
								<p class="p4">29.37元</p>
								<img src="xiaomi-images/小米_04_03.png" >
								<div class="circle-1">
									<ul>
										<li></li>
										<li></li>
										<li></li>
									</ul>
								</div>
							</li>
							<li>
								<p class="p1">图书</p>
								<p class="p2">哈利·波特与被诅咒的孩子</p>
								<p class="p3">“哈利·波特”第八个故事中文版重磅来袭！特别彩排版剧本！</p>
								<p class="p4">29.37元</p>
								<img src="xiaomi-images/小米_04_03.png" >
								<div class="circle-1">
									<ul>
										<li></li>
										<li></li>
										<li></li>
									</ul>
								</div>
							</li>
							<li>
								<p class="p1">图书</p>
								<p class="p2">哈利·波特与被诅咒的孩子</p>
								<p class="p3">“哈利·波特”第八个故事中文版重磅来袭！特别彩排版剧本！</p>
								<p class="p4">29.37元</p>
								<img src="xiaomi-images/小米_04_03.png" >
								<div class="circle-1">
									<ul>
										<li></li>
										<li></li>
										<li></li>
									</ul>
								</div>
							</li>
						</ul>
					</div>
				</div>
				<div class="video">
					<div class="video-t">
						<h2>视频</h2>
						<div class="video-r">
							<a href="">
								查看更多
								<div class="more">
								</div>
							</a>
						</div>
					</div>
					<div class="video-c">
						<ul>
							<li>
								<img src="xiaomi-images/小米_07.png" >
								<p class="p1">生活中无处不在的小爱同学</p>
								<p class="p2">一句话搞定手机复杂操作</p>
							</li>
							<li>
								<img src="xiaomi-images/小米_07.png" >
								<p class="p1">生活中无处不在的小爱同学</p>
								<p class="p2">一句话搞定手机复杂操作</p>
							</li>
							<li>
								<img src="xiaomi-images/小米_07.png" >
								<p class="p1">生活中无处不在的小爱同学</p>
								<p class="p2">一句话搞定手机复杂操作</p>
							</li>
							<li>
								<img src="xiaomi-images/小米_07.png" >
								<p class="p1">生活中无处不在的小爱同学</p>
								<p class="p2">一句话搞定手机复杂操作</p>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
		<div class="footer-bg">
			<div class="footer">
				<div class="footer-t">
					<ul>
						<li>
							<span class="iconfont icon-banshou"></span>
							<a href="">预约维修服务</a>
						</li>
						<li>
							<span class="iconfont icon-7tiantuihuan"></span>
							<a href="">7天无理由退货</a>
						</li>
						<li>
							<span class="iconfont icon-15tianwuliyoutuihuo"></span>
							<a href="">15天免费换货</a>
						</li>
						<li>
							<span class="iconfont icon-liwu"></span>
							<a href="">满150元包邮</a>
						</li>
						<li>
							<span class="iconfont icon-position"></span>
							<a href="">520余家售后网点</a>
						</li>
					</ul>
				</div>
				<div class="footer-c">
					<div class="footer-c-l">
						<ul>
							<li>
								<p class="p1"><a href="">帮助中心</a></p>
								<p class="p2"> <a href="">账户管理</a></p>
								<p class="p2"><a href="">购物指南</a></p>
								<p class="p2"><a href="">订单操作</a></p>
							</li>
							<li>
								<p class="p1"><a href="">帮助中心</a></p>
								<p class="p2"> <a href="">账户管理</a></p>
								<p class="p2"><a href="">购物指南</a></p>
								<p class="p2"><a href="">订单操作</a></p>
							</li>
							<li>
								<p class="p1"><a href="">帮助中心</a></p>
								<p class="p2"> <a href="">账户管理</a></p>
								<p class="p2"><a href="">购物指南</a></p>
								<p class="p2"><a href="">订单操作</a></p>
							</li>
							<li>
								<p class="p1"><a href="">帮助中心</a></p>
								<p class="p2"> <a href="">账户管理</a></p>
								<p class="p2"><a href="">购物指南</a></p>
								<p class="p2"><a href="">订单操作</a></p>
							</li>
							<li>
								<p class="p1"><a href="">帮助中心</a></p>
								<p class="p2"> <a href="">账户管理</a></p>
								<p class="p2"><a href="">购物指南</a></p>
								<p class="p2"><a href="">订单操作</a></p>
							</li>
							<li>
								<p class="p1"><a href="">帮助中心</a></p>
								<p class="p2"> <a href="">账户管理</a></p>
								<p class="p2"><a href="">购物指南</a></p>
								<p class="p2"><a href="">订单操作</a></p>
							</li>
						</ul>
					</div>
					<div class="footer-c-r">
						<p class="p1">400-100-5678</p>
						<p class="p2">周一至周日 8：00-18：00 <br>(尽收市话费)</p>
						<div class="footer-c-r-bottom">
							<span class="iconfont icon-xiaoxi"></span>联系客服
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="copy">
			<div class="copy-c">
				<div class="copy-l">
					<div class="copy-l-logo">
						<img src="xiaomi-images/logo.png" >
					</div>
					<div class="copy-l-link">
						<nav>
							<li>
								<a href="">小米商城</a>
								<span>|</span>
							</li>
							<li>
								<a href="">MIUI</a>
								<span>|</span>
							</li>
							<li>
								<a href="">米家</a>
								<span>|</span>
							</li>
							<li>
								<a href="">米聊</a>
								<span>|</span>
							</li>
							<li>
								<a href="">多看</a>
								<span>|</span>
							</li>
							<li>
								<a href="">游戏</a>
								<span>|</span>
							</li>
							<li>
								<a href="">路由器</a>
								<span>|</span>
							</li>
							<li>
								<a href="">米粉卡</a>
								<span>|</span>
							</li>
							<li>
								<a href="">政企服务</a>
								<span>|</span>
							</li>
							<li>
								<a href="">小米天猫店</a>
								<span>|</span>
							</li>
							<li>
								<a href="">隐私政策</a>
								<span>|</span>
							</li>
							<li>
								<a href="">问题反馈</a>
								<span>|</span>
							</li>
							<li>
								<a href="">Select Region</a>
							</li>
						</nav>
						<p>
							©mi.com 京ICP证110507号 京ICP备10046444号 京公网安备11010802020134号 京网文[2017]1530-131号 <br>
							违法和不良信息举报电话：185-0130-1238，本网站所列数据，除特殊说明，所有信息均出自我司实验室测试
						</p>
					</div>
				</div>
				<div class="copy-r"></div>
				<div class="copy-bottom">
					探索黑科技，小米为发烧而生！
				</div>
			</div>
		</div>

		<script src="../js/cookie.js"></script>
		<script src="../tools/jquery.min.js"></script>
		<script>
			$('[name="login"]').click(function(){
				window.location.href = `./login.html?url=${window.location.href}`;
			})
			$('[name="logout"]').click(function(){
				const res = myGetCookie();
				console.log(res);
				if(res.login === '1'){
					mySetCookie('login','0',7*24*60*60,'/');
					window.alert('您已退出登录');
				}else{
					window.confirm('您还没有登录，请您先登录');
				}
			})
			$('[name="cart"]').click(function(){
				const res = myGetCookie();
				console.log(res);
				if(res.login === '1'){
					window.location.href = './cart.html';
				}else{
					if(window.confirm('您还没有登录，请您先登录')){
						window.location.href = './login.html';
					};
				}
			})

			$('[name="goods"]').click(function(){
				window.location.href = `./list.html?cat_one_id=${$(this).html()}`;
			})
		</script>
	</body>
</html>
